<!DOCTYPE html>
<html style="height: 99%;">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" >
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/from.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">

    <!--[if IE 6]>
    <script src="js/DD_belatedPNG.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->

    <script type="text/javascript" src="js/jquery1.9.js"></script>
    <script type="text/jscript" src="js/jqnav.js"></script>
    <script type="text/jscript" src="js/from.js"></script>
    <style type="text/css">
       .footer{
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 0;
        }
    </style>

</head>
<body style="height: 99%;">
    <div class="header">
        <ul>
            <li><a href="grwl_cw.html" class="header-add">临沂</a><span>【切换城市】</span></li>
            <li><a href="index.html">首页</a></li>
            <li><a href="licheng.html">里程查询</a></li>
            <li><a href="entry.html">登录</a></li>
            <li><a href="enroll.html">注册</a></li>
        </ul>
    </div>
    <div class="sy-con">
    	<div class="dl-logo">
    		<img src="images/logo.png" class="img-responsive" alt="Cinque Terre">
    	</div>
    	<div class="dl-inp">
    		<div class="dl-inp-left">
    			<div class="dl-inp-left-top">
    				<input type="button" value="始发：临沂" class="inp-sf">
    				<input type="text" placeholder="请输入或选择货物到达的目的地" class="inp-add"><i class="fa fa-map-marker xdt"></i></input>
                    <div class="ditu">
                            <div class="ditu-header">
                                <p>请选择目的地</p>
                                <i class="fa fa-close (alias) gb"></i>
                            </div>
                            <div class="ConDiv">
                                <img border="0" usemap="#Map" src="images/eg/map.png" />
                                <map name="Map" id="Map">
                                    <area id="beijing" alt="北京" href="#" coords="354,140,380,153" shape="rect">
                                    <area id="shanghai" alt="上海" href="#" coords="434,246,462,259" shape="rect">
                                    <area id="tianjin" alt="天津" href="#" coords="382,168,408,180" shape="rect">
                                    <area id="chongqing" alt="重庆" href="#" coords="294,264,320,276" shape="rect">
                                    <area id="hebei" alt="河北" href="#" coords="347,174,374,186" shape="rect">
                                    <area id="shanxi" alt="山西"  href="#" coords="322,186,348,198" shape="rect">
                                    <area id="neimenggu" alt="内蒙古" href="#" coords="349,110,388,124" shape="rect">
                                    <area id="liaoning" alt="辽宁" href="#" coords="406,128,432,140" shape="rect">
                                    <area id="jilin" alt="吉林" href="#" coords="427,101,454,115" shape="rect">
                                    <area id="heilongjiang" alt="黑龙江" href="#" coords="424,58,464,73" shape="rect">
                                    <area id="jiangsu" alt="江苏" href="#" coords="404,224,417,250" shape="rect">
                                    <area id="zhejiang" alt="浙江" href="#" coords="413,265,427,291" shape="rect">
                                    <area id="anhui" alt="安徽" href="#" coords="382,236,395,263" shape="rect">
                                    <area id="fujian" alt="福建" href="#" coords="399,300,413,327" shape="rect">
                                    <area id="jiangxi" alt="江西" href="#" coords="371,286,385,313" shape="rect">
                                    <area id="shandong" alt="山东" href="#" coords="373,196,399,208" shape="rect">
                                    <area id="henan" alt="河南" href="#" coords="337,228,364,239" shape="rect">
                                    <area id="hubei" alt="湖北" href="#" coords="329,258,356,271" shape="rect">
                                    <area id="hunan" alt="湖南" href="#" coords="325,294,352,306" shape="rect">
                                    <area id="guangdong" alt="广东" href="#" coords="356,343,382,355" shape="rect">
                                    <area id="guangxi" alt="广西" href="#" coords="302,343,328,355" shape="rect">
                                    <area id="hainan" alt="海南" href="#" coords="313,398,340,411" shape="rect">
                                    <area id="sichuan" alt="四川" href="#" coords="239,265,265,277" shape="rect">
                                    <area id="guizhou" alt="贵州" href="#" coords="283,311,308,324" shape="rect">
                                    <area id="yunnan" alt="云南" href="#" coords="225,337,251,349" shape="rect">
                                    <area id="shaanxi" alt="陕西" href="#" coords="303,224,316,251" shape="rect">
                                    <area id="gansu" alt="甘肃" href="#" coords="179,156,205,168" shape="rect">
                                    <area id="qinghai" alt="青海" href="#" coords="174,206,200,218" shape="rect">
                                    <area id="ningxia" alt="宁夏" href="#" coords="277,188,290,212" shape="rect">
                                    <area id="xinjiang" alt="新疆" href="#" coords="85,140,111,152" shape="rect">
                                    <area id="xizang" alt="西藏" href="#" coords="87,249,113,261" shape="rect">
                                    <area id="xianggang" alt="香港" href="#" coords="379,358,406,370" shape="rect">
                                    <area id="aomen" alt="澳门" href="#" coords="349,371,375,383" shape="rect">
                                    <area id="taiwan" alt="台湾" href="#" coords="434,322,448,348" shape="rect">
                                </map>
                            </div>
                            <script type="text/javascript">
                                $(function(){
                                    $("area").click(function(){
                                        $(".add").show();
                                        $(".ditu").hide();
                                    })
                                    $(".zhehao").click(function(){
                                        $(".add").hide();
                                    })
                                    $(".gb").click(function(){
                                        $(".add").hide();
                                    })
                                })
                            </script>
                        </div>
    			</div>
    			<div class="dl-inp-left-bottom">
    				<input type="button" value="物流公司查询" class="inp-sf">
    				<input type="text" placeholder="请输入货物到达的目的地" class="inp-add"></input>
    			</div>
    		</div>
    		<div class="dl-inp-right">
    			<button>搜&nbsp索</button>
    		</div>
            <div class="add">
                <div class="zhezhao"></div>
                <div class="add-nr">
                    <div class="add-nr-header">
                        <p>请选择目的地</p>
                        <i class="fa fa-remove (alias) gb"></i>
                    </div>
                    <div class="add-nr-main">
                        <div class="add-main-left">
                            <img src="images/ditu/shandong.jpg">
                        </div>
                        <div class="add-main-right">
                            <div class="amin-right-nr">
                                <a href="zhuanxian.html">济南</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                            <div class="amin-right-nr">
                                <a href="#">德州</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                                <a href="#">长清</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    	</div>
    </div>
    <div class="footer">
    	<ul>
    		<li><a href="reading.html">使用前必读</a></li>
    		<li><a href="aboutus.html">关于我们</a></li>
    		<li><a href="law.html">法律声明</a></li>
    		<li><a href="advert.html">广告服务</a></li>
    		<li><a href="contactus.html">联系我们</a></li>
            <li><a href="sugger.html">投诉建议</a></li>
            <li><a href="logis.html">物流专线</a></li>
    	</ul>
        <p>网站备案：鲁ICP备20170925号  鲁公网安备37130220170925号</p>
    </div>
</body>
</html>